html            { background: url('../images/main.gif') top left #EEEEEE; }

body            { background: url('../images/sidebar.gif') top left repeat-y; min-width: 1000px; min-height: 800px; text-align: left; margin: 0px; font-family: arial; font-size: 12px; color: #666666;}

body.no-side        { background: none; color: #333333; min-height: 100%; margin-bottom: 100px; }



.clear:after        { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.clean-margin       { margin: 0px !important; }

.clean-padding      { padding: 0px !important; }



.half           { width: 48% !important; }

.fl         { float: left; }

.fr         { float: right; }

.fl-space       { float: left; margin-right: 5px; }

.fr-space       { float: right; margin-left: 5px; }

.fl-space2      { float: left; margin-right: 10px; }

.fr-space2      { float: right; margin-left: 10px; }



a       { color: #0084FF; text-decoration: none;}

a:hover     { color: #0084FF; text-decoration: underline;}



strong      { color: #333333; }

small       { font-size: 11px; line-height: 14px; display: block; }





/***************************/

/********** LOGIN **********/

/***************************/



.login-box              { width: 600px; margin: 0px auto; background: url('../images/bck_black_10.png'); margin-top: 100px; padding: 10px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

.login-border           { border: 1px solid #cccccc; background: url('../images/bck_white_50.png');}

.login-style            { border: 3px solid #FFFFFF; background: url('../images/login.jpg') center center no-repeat;}

.login-header           { height: 71px; background: url('../images/login_header.png') center bottom no-repeat; padding: 15px 15px 0px 15px; }

.login-header .logo     { width: auto; margin: 0px; padding-top: 0px; }

.login-header .logo .title  { width: 400px; }

.login-header .logo .text   { width: 400px; color: #333333; }

.login-inside           { height: 227px; padding-top: 35px; border-bottom: 1px solid #00D2FF; }

.login-inside p         { text-align: center; padding-bottom: 10px; }

.login-data             { width: 310px; padding: 40px 10px 35px 30px; background: url('../images/bck_white_50.png'); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-bottom : 20px; }

.login-data label       { display: block; width: 80px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }

.login-data .row        { padding-bottom: 10px; }

.login-data .submit     { margin-left: 90px; }

.login-footer           { border-top: 1px solid #FFFFFF; background: url('../images/bck_black_70.png'); height: 22px; padding: 10px 15px 10px 15px;}

.login-footer .remember         { color: #FFFFFF; line-height: 22px; display: block; float: left; font-weight: bold; }

.login-footer .remember label   { margin-left: 3px; }

.login-footer a                 { color: #FFFFFF; text-decoration: none; background: url('../images/bck_white_20.png'); font-size: 11px; font-weight: bold; display: block; padding: 0px 15px 0px 15px; line-height: 22px;}

.login-footer a:hover           { color: #FFFFFF; text-decoration: none; background: url('../images/bck_white_30.png');}



/*********************************/

/********** PAGE LAYOUT **********/

/*********************************/



.sidebar        { width: 196px; float: left; padding: 0px 20px 0px 24px;}

.main           { margin-left: 285px; margin-right: 20px;}

.main-wrap      { width: 100%; float: left; }

.page           { padding-right: 12px; padding-bottom: 50px; }



.logo               { width: 196px; margin-top: 25px; margin-bottom: 35px; }

.logo a             { text-decoration: none; }

.logo .picture      { float: left; margin-right: 10px; }

.logo .uniadmin     { margin-top: 15px; float: left; }

.logo .title        { display: block; font-family: arial; font-size: 25px; color: #FFFFFF; font-weight: bold; margin-top: 7px; float: left; }

.logo .text         { display: block; font-weight: bold; color: #BBBBBB; position: relative; top: -4px; float: left; }





/*** main menu ***/



.menu           { padding-top: 35px; margin-bottom: 30px; }

.menu ul        { font-size: 13px; }

.menu li        { padding-bottom: 8px; }

.menu li a      { display: block; line-height: 16px; padding: 8px 12px 8px 12px; background: url('../images/menu_button.png') top left no-repeat; color: #FFFFFF; text-decoration: none; font-weight: bold; }

/*

.menu li a:hover    { padding-left: 18px; padding-right: 6px; }

*/

.menu li.active a   { background: url('../images/menu_button_active.png') top left no-repeat; color: #333333; }

.menu ul ul     { font-size: 12px; width: 100%; background: url('../images/bck_white_10.png'); margin-top: 4px; padding: 6px 0px 8px 0px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }

.menu li li     { padding: 4px 0px 4px 0px;}

.menu li li a       { padding: 0px 12px 0px 22px !important; background: url('../images/arrow_sm_grey.gif') 12px 6px no-repeat !important; font-weight: normal; color: #BBBBBB!important; }

.menu li li a:hover { color: #FFFFFF!important; }

.menu li li.active a    { color: #FFFFFF!important; background: url('../images/arrow_sm_white.gif') 12px 6px no-repeat !important; font-weight: bold; }





/*** header ***/



.header         { background: url('../images/line.gif') bottom left repeat-x; margin-bottom: 30px; }

.header .links      { float: right; line-height: 24px; color: #333333; padding: 6px 0px 6px 0px; }

.header .links li   { float: left; margin-left: 10px; }

.header .links .icon    { display: block; width: 24px; height: 24px; float: left; margin-right: 5px; }

.header .links a    { color: #333333; text-decoration: none; }

.header .links a:hover  { color: #0084FF; text-decoration: none; }





/*** main page contents ***/



h1          { color: #333333; font-size: 28px; font-weight: normal; padding-top: 20px; margin-bottom: 10px; }

h1 .help        { position: relative; top: -5px; }

h2          { color: #333333; font-size: 18px; font-weight: normal; padding-top: 10px; margin-bottom: 10px; }

h3          { color: #333333; font-size: 14px; font-weight: bold; padding-top: 10px; margin-bottom: 10px; }

h4          { color: #333333; font-size: 12px; font-weight: bold; padding-top: 10px; margin-bottom: 5px; }

.page p         { margin: 0px; padding-bottom: 20px; line-height: 16px; }

.page p.description { margin: 0px; padding-bottom: 5px; font-size: 11px; line-height: 14px; }



.main-icons     { margin: 0px; padding: 10px 0px 30px 0px; margin-right: -20px; }

.main-icons ul      { width: 100%; }

.main-icons li      { float: left; width: 90px; text-align: center; margin-right: 20px; padding: 10px 0px 10px 0px; }

.main-icons a       { color: #333333; text-decoration: none; display: block; }

.main-icons a:hover { color: #0084FF; text-decoration: none; }

.main-icons .icon   { display: block; width: 64px; height: 64px; margin: 0px auto; }

.main-icons .text   { display: block; padding: 5px 0px 5px 0px; }



.thumb          { display: block; border: 1px solid #BBBBBB; padding: 3px; background: #FFFFFF; }

a .thumb        { border: 1px solid #BBBBBB; }

a:hover .thumb      { border: 1px solid #0084FF; }

.size48         { width: 48px; height: 48px; }

.size64         { width: 64px; height: 64px; }





/*** content boxes ***/



.content-box            { border: 1px solid #DDDDDD; background: url('../images/bck_black_5.png'); margin-bottom: 30px; position: relative; }

.content-box .box-header    { background: url('../images/bck_black_10.png'); border: 3px solid #FFFFFF; border-bottom-width: 0px; padding: 9px 9px 9px 20px; }

.content-box .box-body      { border: 3px solid #FFFFFF; border-top-width: 0px; padding: 20px 20px 10px 20px; }

.box-header h2          { line-height: 22px; margin-bottom: 0px; padding: 0px; }

.box-header .tabs       { float: right; }

.box-header .tabs li        { float: left; margin-left: 2px; font-size: 11px; line-height: 20px; font-weight: bold; }

.box-header .tabs li a      { background: url('../images/but_off.gif') center left repeat-x; border: 1px solid #FFFFFF; display: block; color: #333333; text-decoration: none; padding: 0px 20px 0px 20px; }

.box-header .tabs li a:hover    { color: #0084FF; text-decoration: none; }

.box-header .tabs li.active a   { color: #FFFFFF; background: url('../images/but_active.gif') center left repeat-x; border: 1px solid #333333; }

.box-header .tabs li a.selected { color: #FFFFFF; background: url('../images/but_active.gif') center left repeat-x; border: 1px solid #333333; }



.box-body p         { margin: 0px; margin: 0px; padding-bottom: 20px; }



.side-bar               { background: url('../images/bck_white_50_sidebar.png') top right repeat-y; margin-bottom: 10px; }

.sidebar-column             { width: 170px; float: right; padding: 10px 15px 10px 15px; }

.main-column                { margin-right: 220px; }

.main-column-wrap           { width: 100%; }

.sidebar-column .sidemenu       { width: 100%; }

.sidebar-column ul.list         { padding-bottom: 15px; line-height: 16px; margin-left: -5px; margin-right: -5px; }

.sidebar-column ul.list li      { background: url('../images/bck_white_50.png'); border-bottom: 1px solid #DDDDDD; }

.sidebar-column ul.list a       { color: #0084FF; text-decoration: none; background: url('../images/arrow_sm_blue.gif') 5px 10px no-repeat; display: block; padding: 5px 5px 5px 15px; }

.sidebar-column ul.list a:hover     { color: #0084FF; text-decoration: none; background: url('../images/arrow_sm_blue.gif') 5px 10px no-repeat #FFFFFF;}

.sidebar-column ul.list li.active   { background: #FFFFFF; }

.sidebar-column ul.list li.active a { color: #333333; text-decoration: none; background: url('../images/arrow_sm_black.gif') 5px 10px no-repeat; font-weight: bold; }

.sidebar-column p           { padding-bottom: 10px; }



/*** tables ***/



.page table         { width: 100%; margin: 0px; margin-bottom: 20px; }

.page tr:hover          { background: url('../images/bck_white_50.png') top left; }

.page table.mceLayout tr:hover  { background: none; }

.page th            { background: url('../images/header.gif') top left repeat-x #FFFFFF; border-bottom: 1px solid #DDDDDD; text-align: left; line-height: 22px; padding: 4px 6px 4px 6px; color: #333333; white-space: nowrap; }

.page th.full           { width: 100%; }

.page thead td          { background: url('../images/header.gif') top left repeat-x #FFFFFF; border-bottom: 1px solid #DDDDDD; text-align: left; line-height: 22px; padding: 4px 6px 4px 6px; white-space: nowrap; }

.page td            { background: url('../images/bck_white_50.png') top left; border-bottom: 1px solid #DDDDDD; line-height: 22px; padding: 4px 6px 4px 6px; }

.page table .icon16     { margin-top: 3px; margin-bottom: 3px; }

.page td.title          { background: url('../images/bck_white_75.png') top left; font-weight: bold; white-space: nowrap; }

.page td.center         { text-align: center; }

.page td.vcenter        { vertical-align: middle; }

.page td p          { padding-bottom: 3px; padding-top: 3px; }

.page tbody th          { background: url('../images/bck_white_75.png') top left; font-weight: bold; white-space: nowrap; color: #666666; }



/*** forms ***/



form                { width: 100%; }

label               { line-height: 22px; cursor: pointer; }

label:hover         { color: #333333; }

input.checkbox          { display: inline; position: relative; left: 1px; top: 1px;}

input.radio         { display: inline; position: relative; left: -1px; top: 1px;}

input.text          { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }

input.submit            { display: inline; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/but_active.gif') top left repeat-x ; padding: 3px 10px 3px 10px; }

input.form-file                 { display: inline; height: auto; font-size: 12px !important; }

select              { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }

textarea            { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }



.form-label         { display: block; width: 100px; }

.form-field         { padding-bottom: 5px; }

.required           { color: #FF0000; font-weight: bold; }



/*** page navigation ***/



.tab-footer     { width: auto; padding-bottom: 10px; margin-top: -10px; }

.pager          { font-size: 11px; line-height: 22px; }

.pager a        { display: block; float: left; }

.pager .nav     { display: block; float: left; }

.pager .nav a       { width: 22px; height: 22px; }

.pager .nav a span  { display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }

.pager a.first      { background: url('../images/arrow_leftend_off.png') top left no-repeat; }

.pager a.first:hover    { background: url('../images/arrow_leftend_ovr.png') top left no-repeat; }

.pager a.previous   { background: url('../images/arrow_left_off.png') top left no-repeat; }

.pager a.previous:hover { background: url('../images/arrow_left_ovr.png') top left no-repeat; }

.pager a.last       { background: url('../images/arrow_rightend_off.png') top left no-repeat; }

.pager a.last:hover { background: url('../images/arrow_rightend_ovr.png') top left no-repeat; }

.pager a.next       { background: url('../images/arrow_right_off.png') top left no-repeat; }

.pager a.next:hover { background: url('../images/arrow_right_ovr.png') top left no-repeat; }

.pager .pages       { display: block; float: left; margin: 0px 4px 0px 4px; }

.pager .pages a     { width: 24px; background: url('../images/bck_black_10.png'); text-align: center; color: #333333; text-decoration: none; }

.pager .pages a:hover   { background: url('../images/bck_white_50.png'); color: #0084FF; text-decoration: none; }

.pager .pages a.active  { background: url('../images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; }





/*** notifications ***/



.notification {

    border: 1px solid #666666;

    border-radius: 3px;

    display: block; 

    margin-bottom: 10px;

    overflow: hidden;

    padding: 0px;

    position: relative; 

    /*width: 100%;*/  

    z-index: 1;

    zoom: 1;

    -moz-border-radius: 3px; 

    -webkit-border-radius: 3px; 

}

.notification a.close       { display: block; width: 11px; height: 11px; float: right; background: url('../images/ico_close_off.png') top left no-repeat; margin-right: 3px; margin-top: 3px; }

.notification a.close:hover { background: url('../images/ico_close_ovr.png') top left no-repeat; }

.notification a.close span  { display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }

.notification .icon     { display: block; width: 16px; height: 16px; float: left; margin-top: 7px; }

.notification p         { color: #333333; line-height: 16px; margin-left: 35px; margin-right: 25px; margin-top: 8px; margin-bottom: 7px; padding: 0px !important;}



.note-error             { background: #f5dcdd url('../images/bck_error.png'); border-color: #EC9B9B; }

.note-error .icon       { background: url('../images/ico_error_16.png') top left no-repeat; margin-left: 10px; }

.note-success           { background: #ddf4ce url('../images/bck_success.png'); border-color: #72CB67; }

.note-success .icon     { background: url('../images/ico_success_16.png') top left no-repeat; margin-left: 10px; }

.note-info              { background: #dce6f3 url('../images/bck_info.png'); border-color: #50B0EC; }

.note-info .icon        { background: url('../images/ico_info_16.png') top left no-repeat; margin-left: 10px; }

.note-attention         { background: #f1eebf url('../images/bck_attention.png'); border-color: #D3C200; }

.note-attention .icon   { background: url('../images/ico_attention_16.png') top left no-repeat; margin-left: 10px; }





/*** footer ***/

.footer                 { width: 100%; font-size: 11px; padding: 10px 0px 30px 0px; background: url('../images/line.gif') top left repeat-x; }

.footer .copy a         { color: #333333; }

.footer .copy a:hover   { color: #0084FF; }



/* *********************************************************************

 * DataTables Styles

 * *********************************************************************/

.dataTables_wrapper                         { }

.dataTables_wrapper table                   { width: 100% !important; margin: 0px 0px 20px 0px; }

.dataTables_wrapper .dataTables_length              { float: left; margin: 0px 0px 15px 0px; }

.dataTables_wrapper .dataTables_filter              { float: right; margin: 0px 0px 15px 0px; }

.dataTables_wrapper .dataTables_filter input            { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }

.datatable                          { clear: both; }

.datatable thead th                         { cursor: pointer; }

.dataTables_wrapper .dataTables_paginate            { float: right;  font-size: 11px; line-height: 22px; margin-top: -10px; padding-bottom: 10px; }

.dataTables_wrapper .dataTables_paginate span           { display: block; float: left; }

.dataTables_wrapper .dataTables_paginate .nav a         { width: 22px; height: 22px; }

.dataTables_wrapper .dataTables_paginate .first         { background: url('../images/arrow_leftend_off.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .first:hover       { background: url('../images/arrow_leftend_ovr.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important;}

.dataTables_wrapper .dataTables_paginate .previous      { background: url('../images/arrow_left_off.png') top left no-repeat !important; margin: 0px 4px 0px 0px; text-indent: -9999px; }

.dataTables_wrapper .dataTables_paginate .previous:hover    { background: url('../images/arrow_left_ovr.png') top left no-repeat !important; text-indent: -9999px; }

.dataTables_wrapper .dataTables_paginate .last          { background: url('../images/arrow_rightend_off.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .last:hover        { background: url('../images/arrow_rightend_ovr.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .next          { background: url('../images/arrow_right_off.png') top left no-repeat !important; margin: 0px 0px 0px 4px; text-indent: -9999px; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .next:hover        { background: url('../images/arrow_right_ovr.png') top left no-repeat!important ; text-indent: -9999px; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button,

.dataTables_wrapper .dataTables_paginate .paginate_active   { cursor: pointer; width: 24px; background: url('../images/bck_black_10.png'); text-align: center; color: #333333; text-decoration: none; width: 22px !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: url('../images/bck_white_50.png'); color: #0084FF; text-decoration: none; }

.dataTables_wrapper .dataTables_paginate .paginate_active   { background: url('../images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; width: 22px !important; }



/* *********************************************************************

 * Modal window

 * *********************************************************************/

.page .modal-window         { display: none; }

.modal-window           { width: 600px;}

#fancybox-inner         { width: 100% !important; }

#fancybox-img           { width: auto !important; }

.modal-head             { padding-bottom: 10px; }

a.close-modal           { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; display: block; background: #333333; padding: 2px 10px 2px 10px; float: right}

a.close-modal:hover     { color: #DDDDDD; text-decoration: none; }

.modal-window p         { padding-bottom: 20px; line-height: 16px; }



/* *********************************************************************

 * WYSIWYG

 * *********************************************************************/



.jwysiwyg   { min-height: 200px; }

.tinymce    { min-height: 350px; }



.wysiwyg    { width: auto !important; margin-bottom: 20px; }

.wysiwyg iframe { width: 100% !important; }

.mceEditor  { display: block; margin-bottom: 20px; }

.mceContentBody,

table.mceLayout { width: 100% !important; }



/* *********************************************************************

 * Custom forms

 * *********************************************************************/

.form                   { margin: 0px; padding: 0px; }

.form input             { font-family: 'Arial', sans-serif; font-size: 11px; outline: 0; }

.form-field                 { }

.form-field .form-label         { }

.form-field .form-text          { }

.form-field .form-password      { }

.form-field .form-textarea      { }

.form-field .form-select        { }



.form-field .form-checkbox      { }

.form-field .form-checkbox-item     { }

.form-field .form-checkbox-item .title  { }



.form-field .form-radio         { }

.form-field .form-radio-item        { }

.form-field .form-radio-item .title     { }



/* *********************************************************************

 * Quick edit

 * *********************************************************************/

.edit-field textarea    { width: 95% !important; }

.edit-field input   { width: auto !important; display: block; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }

.long input         { width: 95% !important; }